<template>
  <div class="heread">
    <div class="heread-lefr">
      <span class="iconfont ruturn">&#xe624;</span>
    </div>
    <router-link to="/city" tag="div" class="heread-auto">
       <span><span class="iconfont xiangzuo">&#xe632;</span>输入城市/景点/游玩主题</span>
    </router-link>
    <router-link to="/city" tag="div" class="heread-right">
      <span>{{ this.$store.state.cruCity }}</span><span class="iconfont xiala">&#xe64a;</span>
    </router-link>
  </div>
</template>
<script>
export default {
  name: 'HomeHead'
}
</script>

<style lang="stylus" scoped="scoped">
  @import '~@/assets/css/variable.styl'
  body
   font-size 2.8rem
  .heread
   height $headerheight
   width 100%
   background-color $bgcolor
   display flex
   align-items center
   .heread-lefr//左边返回按钮
    color #fff
    .ruturn//返回的字体图标
     font-size 0.28rem
     font-weight 800
     padding 0rem 0.26rem
   .heread-auto//中间搜索
    flex 1
    background-color #fff
    line-height 0.6rem
    color #e4e7ea
    border-radius 3px
    height 0.6rem
    .xiangzuo
     display inline-block
     margin 0rem 0.16rem
   .heread-right//右边
    padding 0rem 0.22rem
    color #fff
    .xiala
     margin-left 0.04rem
     font-size 0.24rem
</style>
